.div_hearder {
    box-sizing: border-box;
    margin: 0;
    background-color: #fff;
    width: 100%;
    min-height: 2rem;
    padding: 0 .1rem;

    :global {
        .am-list-item .am-input-extra {
            overflow: hidden;
        }

    }


    span {
        display: inline-block;
    }

    p {
        margin: 0;
        width: 100%;
        padding-left: .2rem;
        min-height: .8rem;
        line-height: .8rem;
        color: #999999;
    }

    > p {

        &:first-child {
            position: relative;
            border-bottom: 2px solid #E5E5E5;

            > span {
                position: absolute;
                top: 50%;
                right: .3rem;
                transform: translateY(-50%);
                color: #FF0036;
            }
        }
    }

    > div {
        border-bottom: 2px solid #E5E5E5;
        > p > span {
            color: #000;
        }
    }
}
.h3_hearder {
    width: 100%;
    text-indent: .3rem;
    margin: .4rem 0;
}
.div_content {
    box-sizing: border-box;
    margin: 0;
    background-color: #fff;
    width: 100%;
    min-height: 2rem;
    padding: .3rem .1rem 0;

    :global {
        .am-input-extra {
            margin: 0rem;
            overflow: visible;
        }
        .am-list-item .am-input-label.am-input-label-5{
            width: 1.7rem;
        }
    }

    p {
        margin: 0;
        width: 100%;
        text-indent: .2rem;
        height: .8rem;
        line-height: .8rem;
        color: #999999;
    }

    > .one {
        position: relative;
        padding: .2rem 0;
        border-bottom: 2px solid #E5E5E5;

        > p {
            height: .6rem;
            line-height: .6rem;
        }

        > span {
            position: absolute;
            display: block;
            height: .5rem;
            width: .7rem;
            top: 50%;
            right: .5rem;
            transform: translateY(-50%);

            // background: red;
        }
    }

    > .two {
        > p > span {
            display: block;
            float: right;
            margin-right: .4rem;
        }

        > p:nth-child(2) {
            color: #6BA820;
        }

        > div {
            padding: 0 0 .16rem;
            border-bottom: 2px solid #E5E5E5;


            &::after,&::before {
                clear: both;
                content: "";
                display: block;
            }
            > p {
                width: auto;
                float: right;

                &:first-child {
                    float: left;
                }

                &:nth-child(2) {
                    margin-right: .4rem;
                    border-radius: .2rem;
                    border: 2px solid #FF0036;
                    height: .5rem;
                    line-height: .5rem;
                    padding-right: .24rem;
                    color: #FF0036;
                    position: relative;
                    top: .14rem;
                }

                &:nth-child(3) {
                    margin-right: .2rem;
                }
            }
        }
    }
}

.div_text {
    padding: 0 .3rem .5rem;

    > div,.user {
        margin-top: .8rem;
        position: relative;
        width: 95%;
        border-radius: .1rem;
        min-height: .4rem;
        // padding-left: .25rem;
        // padding-bottom: .2rem;
        padding: .2rem .25rem;
        box-sizing: border-box;
        background-color: #0AA6E8;
        transform: translateX(3%);

        > p:first-child {
            width: 100%;
            height: .8rem;
            line-height: .8rem;
            position: absolute;
            top: -.8rem;
            text-align: center;
            transform: translateX(-3%);
        }

        > .text_header {
            // width: 95%;
            height: .8rem;
            line-height: .8rem;
            // border-bottom: 2px solid #fff;
            text-indent: 0;
            color: #fff;
            // margin-bottom: .18rem;
        }

        > .text_content {
            border-top: 2px solid #fff;
            height: auto;
            line-height: .4rem;
            padding: .2rem 0 0;
            text-indent: 0;
            color: #fff;

            // &:last-child {
            //     padding-bottom: .2rem;
            // }
        }

        > span {
            display: block;
            border: .2rem solid transparent;
            // border-right-color: #0AA6E8;
            position: absolute;
            top: .2rem;
            // left: -0.35rem;
        }
    }

    > .ziYing {
        > span {
            border-right-color: #0AA6E8;
            left: -0.35rem;
        }
    }

    > .user {
        background-color: #FF9402;
        transform: translateX(0%);

        > p:first-child {
            transform: translateX(-4%);
        }

        > span {
            border-left-color: #FF9402;
            // left: 6.58rem;
            right: -.36rem;
        }
    }
}

.finishC {
    color: #FF0036;
    // height: .5rem;
    // width: 1.4rem;
    box-sizing: border-box;
    padding: .1rem .2rem;
    // line-height: .5rem;
    border: .02rem solid #FF0036;
    text-align: center;
    border-radius: .25rem;
}
